{/* LAYOUT模板 */}
<layout name="download_layout"/>
{/* LAYOUT模板 */}
{/* JS */}
<css href="__THEMES__/css/download.css"/>
<css href="__THEMES__/css/common.css"/>
<css href="__PLUGS__/slideBox/css/jquery.slideBox.css"/>
<js href="__JS__/core/jquery-ui.1.10.4.js" />
<js href="__JS__/core/plugins.js" />
<js href="__PLUGS__/slideBox/js/jquery.slideBox.min.js"/>
{/* JS */}


<div class="pc-banner pc-ban-windows">
	<div class="con">
		<div class="pb-version" id="js_chrome_info">
			<div class="" style="background:url('__THEMES__/images/mb_banner_slide.gif'); width:450px;height:470px; margin-top:60px;">
				<div style="position:absolute;left:173px;top:90px;width:258px;height:379px; margin-top:60px;">
					<!--滚动图片-begin-->
					<div id="demo2" class="slideBox">
						<ul class="items" style="width:258px;">
							<li style="width:258px;">
								<a href="#" title="">
									<img src="__THEMES__/images/download-img-1.jpg">
								</a>
							</li>
							<li style="width:258px;">
								<a href="#" title="">
									<img src="__THEMES__/images/download-img-2.jpg">
								</a>
							</li>
							<li style="width:258px;">
								<a href="#" title="">
									<img src="__THEMES__/images/download-img-3.jpg">
								</a>
							</li>
							<li style="width:258px;">
								<a href="#" title="">
									<img src="__THEMES__/images/download-img-4.jpg">
								</a>
							</li>
							<li style="width:258px;">
								<a href="#" title="">
									<img src="__THEMES__/images/download-img-5.jpg">
								</a>
							</li>
						</ul>
					</div>
					<!--滚动图片-end-->
				</div>
			</div>
		</div>
		<div class="pb-download" style="width:200px;position:absolute;left:53%;top:60%;">
			<div class="btn-wrap">
				<a class="btn-ios" href="https://itunes.apple.com/us/app/yin-ban-er-jia-ting-bao/id974942695?l=zh&ls=1&mt=8" target="_blank">
					<i class="icon-clitw ictw-ios"></i>
					<span>iPhone版下载</span>
					<em>版本：2.0</em>
				</a>
				<a class="btn-android" href="http://www.yinbaner.com/Public/Upload/yinbane-v-6-1-0.apk" target="_blank">
					<i class="icon-clitw ictw-android"></i>
					<span>Android版下载</span>
					<em>版本：6.0</em>
				</a>
			</div>
			<script>
				$('.btn-ios').hover(function(){
					$('.ictw-ios').css('background-position','0px -42px');
				},function(){
					$('.ictw-ios').css('background-position','0px 0px');
				});
			</script>
		</div>	
		<div class="code-wrap" style="width:160px;">
			<img src="__THEMES__/images/mobile_code.png" width="158px" height="158px" style="z-index:900;border-radius:6px;"/>
			<em style="width:100%;display:inline-block;text-align:center;color:#fff;font-size:14px;font-family:'微软雅黑';">手机扫码下载</em>
		</div>
	</div>
</div>

{/* APP更新日志 */}
<div class="content" style="background:#FFFFFF;">
  	<div class="wrapper">
    	<hr class="line-left">
    	<hr class="line-right">
    	<div class="main">
      		<h1 class="title">音伴尔官方APP更新日志</h1>
	      	<div class="year">
	        	<h2>
	        		<a href="#">2016年<i></i></a>
	        	</h2>
	        <div class="list">
          	<ul>
            	<li class="cls highlight">
	              	<p class="date">4月15日</p>
	              	<p class="intro">音伴尔6.0改版上线</p>
	              	<p class="version">&nbsp;</p>
	              	<div class="more">
		                <p>1. 界面全新改版,功能使用更清晰</p>
		                <p>2. 将设备管理功能突显出来</p>
		                <p>3. 重新梳理和整理了云课堂的内容,采用列表式的显示方式</p>
		                <p>4. 添加了“我的”个人中心管理功能,将用户数据放到个人中心中,包括播放记录、上传的音频、添加的课程到书包</p>
		                <p>5. 加入了用户与客服的聊天功能,方便解决用户使用产品过程中产生的问题</p>
		                <p>6. 更新了喜马拉雅的内容API</p>
	              	</div>
	            </li>
            	<li class="cls">
	              	<p class="date">1月15日</p>
	              	<p class="intro">音伴尔5.0上线</p>
	              	<p class="version">&nbsp;</p>
	              	<div class="more">
		                <p>1. 修改了连接设备老是掉线的问题</p>
		                <p>2. 解决设备播放卡顿的问题,使设备播放更流畅</p>
		                <p>3. 解决了升级固件困难的麻烦,实现在线升级固件</p>
		            </div>	
	            </li>
            	<li class="cls">
	              	<p class="date">1月1日</p>
	              	<p class="intro">音伴尔5.0beta版内测</p>
	              	<p class="version">&nbsp;</p>
	              	<div class="more">
		                <p>1. 解决了Android使用卡顿的问题</p>
		                <p>2. 解决苹果连接设备掉线问题</p>
		            </div>
	            </li>
          	</ul>
        </div>
    </div>
    <div class="year">
        <h2>
        	<a href="#">2015年<i></i></a>
        </h2>
        <div class="list">
          	<ul>
          	 	<li class="cls highlight">
              	<p class="date">11月20日</p>
              	<p class="intro">音伴尔4.0版本上线</p>
              	<p class="version">&nbsp;</p>
              	<div class="more">
	                <p>1. 解决网络返回课程内容延迟问题，响应更快速</p>
	                <p>2. 解决设备连接掉线问题,加入心跳包算法,时时查找设备的存在</p>
	                <p>3. 加入了学校举办活动比赛，打通了与学校的连接,把学校举办的活动搬到APP上实现,互动性增强</p>
              	</div>
            </li>
            <li class="cls">
              	<p class="date">10月</p>
              	<p class="intro">音伴尔3.0版本上线</p>
              	<p class="version">&nbsp;</p>
              	<div class="more">
	                <p>1. 更换了连接设备设备的策略,采用http的方式连接设备</p>
	                <p>2. 解决设备连接掉线问题,加入心跳包算法,时时查找设备的存在</p>
              	</div>
            </li>
            <li class="cls">
              	<p class="date">6月15日</p>
              	<p class="intro">音伴尔1.0正式版上线</p>
              	<p class="version">&nbsp;</p>
              	<div class="more">
	                <p>1. 采用DLNA搜索设备,效率不高</p>
              	</div>
            </li>
            <li class="cls">
              	<p class="date">5月</p>
              	<p class="intro">音伴尔1.0beta内测中</p>
              	<p class="version">&nbsp;</p>
              	<div class="more">
                	<p>1. 结合硬件产品调试</p>
              	</div>
            </li>
          </ul>
        </div>
      </div>
      	<div class="year">
        	<h2><a href="#">2015年前<i></i></a></h2>
	        <div class="list">
	          	<ul>
		            <li class="cls">
		              	<p class="date">11月</p>
		              	<p class="intro">互联网“+”启发</p>
		              	<p class="version">&nbsp;1.0版本前</p>
		              	<div class="more">
		                	<p>1. 环境教育对孩子非常重要,能不能做一款产品帮助父母轻松的教育孩子</p>
		                	<p>2. 针对低年龄,比如胎教、幼儿教育、小学教育,让他们听得更多,读得更多</p>
		              	</div>
		            </li>
		            <li class="cls">
		              	<p class="date">8月以前</p>
		              	<p class="intro">思考教育存在的弊端</p>
		              	<p class="version">&nbsp;</p>
		              	<div class="more">
		                	<p>1. 为什么孩子的语文和英语老是考不好,什么原因？</p>
		                	<p>2. 学了十几年的英语,却不能流利地说出来?</p>
		                	<p>3. 孩子喜欢看视频,不喜欢看书,会影响孩子智力的发展?</p>
		                	<p>4. ......</p>
		              	</div>
		            </li>
	          	</ul>
	        </div>
      	</div>
    </div>
  </div>
</div>

<script>
$(".main .year .list").each(function (e, target) {
    var $target=  $(target),
        $ul = $target.find("ul");
    $target.height($ul.outerHeight()), $ul.css("position", "absolute");
}); 
$(".main .year>h2>a").click(function (e) {
    e.preventDefault();
    $(this).parents(".year").toggleClass("close");
});
</script>

<include file="Library:service"/>
<include file="Library:footer"/>


